<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="./styles/style.css" rel="stylesheet"/>
</head>
<body>
    
    <p style="color:black;height: 40px;width: 200px; background-color: aqua;">123</p>
    <p>你好吗</p>
    <p>我很好</p>
    <p style="color:black">123</p>
    <!-- style加做内部样式表 行内样式
        .css文件中要做层叠样式表 
            style和css文件中都有  会以style的为准
            style中没有的 css中标记了 会补充
    -->
     <div>大家好</div>       
</body>
</html>